// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import * as React from 'react';
import Svg, {
    Path,
    Mask,
    G,
    Ellipse,
    Defs,
    Pattern,
    Use,
    Image,
} from 'react-native-svg';

type Props = {
    theme: Theme;
}

function SvgComponent({theme}: Props) {
    return (
        <Svg
            width={126}
            height={126}
            viewBox='0 0 126 126'
            fill='none'
        >
            <Path
                d='M61.187 114.692c32.081 0 58.088-25.674 58.088-57.346C119.275 25.675 93.268 0 61.187 0S3.098 25.675 3.098 57.346c0 31.672 26.008 57.346 58.089 57.346z'
                fill='#E8E9ED'
            />
            <Mask
                id='a'
                maskUnits='userSpaceOnUse'
                x={3}
                y={0}
                width={117}
                height={115}
            >
                <Path
                    d='M61.187 114.692c32.081 0 58.088-25.674 58.088-57.346C119.275 25.675 93.268 0 61.187 0S3.098 25.675 3.098 57.346c0 31.672 26.008 57.346 58.089 57.346z'
                    fill='#E8E9ED'
                />
            </Mask>
            <G mask='url(#a)'>
                <Path
                    d='M9.319 78.358c.51-2.687 1.531-5.249 2.547-7.793 1.09-2.727 2.189-5.478 3.734-7.987 3.604-5.845 9.473-10.063 15.788-12.882 6.314-2.82 12.357-4.413 19.114-5.94-2.214 2.353-2.889 5.35-4.213 8.284-3.09 6.846-5.747 13.873-8.401 20.894l-11.95 31.6c-8.64-5.024-14.85-13.945-16.499-23.712l-.12-2.464z'
                    fill={theme.centerChannelBg}
                />
                <Path
                    d='M75.592 44.003c3.85 1.259 9.868 3.476 9.868 3.476s13.814 39.31 16.874 58.251c.091.557.172 1.169-.089 1.664-.38.728-1.302.951-2.054 1.299-1.723.795-2.812 2.494-4.304 3.657-1.287.999-2.85 1.582-4.387 2.143-13.684 4.952-28.545 9.094-42.675 5.562-.894-.224-1.818-.497-2.499-1.112-.592-.544-.953-1.3-1.278-2.038-4.304-9.741-12.757-29.866-12.674-44.103.097-16.451 9.127-26.479 9.275-26.691.354-.505 13.57-3.914 21.708-4.091.008.004 8.999.923 12.235 1.983z'
                    fill={theme.centerChannelBg}
                />
                <Mask
                    id='b'
                    maskUnits='userSpaceOnUse'
                    x={32}
                    y={42}
                    width={71}
                    height={80}
                >
                    <Path
                        d='M75.592 44.003c3.85 1.259 9.868 3.476 9.868 3.476s13.814 39.31 16.874 58.251c.091.557.172 1.169-.089 1.664-.38.728-1.302.951-2.054 1.299-1.723.795-2.812 2.494-4.304 3.657-1.287.999-2.85 1.582-4.387 2.143-13.684 4.952-28.545 9.094-42.675 5.562-.894-.224-1.818-.497-2.499-1.112-.592-.544-.953-1.3-1.278-2.038-4.304-9.741-12.757-29.866-12.674-44.103.097-16.451 9.127-26.479 9.275-26.691.354-.505 13.57-3.914 21.708-4.091.008.004 8.999.923 12.235 1.983z'
                        fill={theme.centerChannelBg}
                    />
                </Mask>
                <G mask='url(#b)'>
                    <Path
                        fill='url(#pattern0)'
                        d='M32.2065 42.0002H102.4605V110.77189999999999H32.2065z'
                    />
                    <Path
                        fill='url(#pattern1)'
                        d='M32.2065 42.0002H93.7774V121.4871H32.2065z'
                    />
                </G>
                <Path
                    d='M33.809 83.55a8217.53 8217.53 0 00-1.526-5.564.293.293 0 00-.14-.167.3.3 0 00-.394.107.29.29 0 00-.036.213c.51 1.855 1.018 3.71 1.526 5.566a.293.293 0 00.14.17.3.3 0 00.398-.108.29.29 0 00.032-.218zM31.476 76.43l-.142-.646a.3.3 0 00-.534-.06.289.289 0 00-.036.214l.142.649a.297.297 0 00.14.175.304.304 0 00.223.03.297.297 0 00.197-.36h.01z'
                    fill='#1D1400'
                />
            </G>
            <Path
                d='M84.336 47.106c4.342 1.364 18.523 6.102 21.823 9.562 11.672 12.24 16.434 45.212 16.803 48.283.533 4.311-.675 14.027-5.131 16.754-2.441 1.495-9.669-3.312-13.419-7.208-5.224-5.43-7.763-19.334-8.811-26.75-1.922-13.603-11.265-40.64-11.265-40.64z'
                fill={theme.centerChannelBg}
            />
            <Path
                d='M64.95 42.234l24.095-1.436s.79-3.294-1.51-7.117c-1.328-2.209-3.704-3.411-5.263-6.458-1.496-2.922-1.304-6.302-1.904-9.297-1.281-6.398-5.984-11.514-8.344-12.605-5.658-2.616-7.075 36.913-7.075 36.913z'
                fill='#1D1400'
            />
            <Path
                d='M57.21 40.831c-3.07 2.544-1.261 15.808 5.648 15.808 7.568 0 7.05-18.508 7.598-18.62 2.51-.484 5.087-1.813 6.687-7.716.23-.842.233-1.364.381-2.16.077-.408.665-5.948.502-12.015-.073-2.759-2.852-11.232-12.89-9.077-12.552 2.693-10.391 14.71-9.17 17.287.717 1.51 1.731 5.236 1.901 7.233.207 2.406-.314 8.974-.657 9.26z'
                fill='#CB8E00'
            />
            <Path
                opacity={0.3}
                d='M70.434 38.002a9.288 9.288 0 01-1.668.156 9.497 9.497 0 01-4.077-.925h-.016a.869.869 0 00-.09-.035c-.55-.168-.833.64-.314.882a11.42 11.42 0 012.806 1.89 8.09 8.09 0 011.973 2.837c.281.535.51 1.094.687 1.671.444-3.491.497-6.388.71-6.448l-.011-.028z'
                fill={theme.centerChannelColor}
            />
            <Path
                d='M56.345 5.94c4.768-4.205 11.48-2.58 14.406-1.303 5.027 2.198 6.552 7.302 6.552 7.302-1.164 1.424-.661 2.704-1.956 4.452-1.511 2.044-3.368.335-6.459 2.807a11.343 11.343 0 00-3.013 3.756s-1.04-2.055-2.303-2.037c-1.447.021-2.319 1.363-1.918 2.727.29.984 1.43 3.256 1.43 3.256L58.56 38.335a5.315 5.315 0 01-2.482 2.75 5.422 5.422 0 01-3.698.483l-26.85-8.507c2.531-5.724 6.752-6.443 9.979-9.178 3.157-2.685 3.962-5.43 6.601-7.48 3.112-2.42 7.97-3.826 9.336-5.17 3.882-3.822 1.881-2.63 4.9-5.293z'
                fill='#1D1400'
            />
            <Mask
                id='c'
                maskUnits='userSpaceOnUse'
                x={25}
                y={3}
                width={53}
                height={39}
            >
                <Path
                    d='M56.345 5.94c4.768-4.205 11.48-2.58 14.406-1.303 5.027 2.198 6.552 7.302 6.552 7.302-1.164 1.424-.661 2.704-1.956 4.452-1.511 2.044-3.368.335-6.459 2.807a11.343 11.343 0 00-3.013 3.756s-1.04-2.055-2.303-2.037c-1.447.021-2.319 1.363-1.918 2.727.29.984 1.43 3.256 1.43 3.256L58.56 38.335a5.315 5.315 0 01-2.482 2.75 5.422 5.422 0 01-3.698.483l-26.85-8.507c2.531-5.724 6.752-6.443 9.979-9.178 3.157-2.685 3.962-5.43 6.601-7.48 3.112-2.42 7.97-3.826 9.336-5.17 3.882-3.822 1.881-2.63 4.9-5.293z'
                    fill='#1D1400'
                />
            </Mask>
            <G mask='url(#c)'>
                <Path
                    fill='url(#pattern2)'
                    d='M25.4966 3.23071H69.50399999999999V41.80521H25.4966z'
                />
            </G>
            <Path
                d='M73.212 55.897c-1.075-2.934-1.776-5.925-.848-8.911 1.223-3.977 2.697-4.16 6.449-6.04 3.751-1.88 4.383-2.945 6.672-6.959.539-.947 1.101-.746 1.214-.029.098.631 0 1.948 0 1.948s1.578-4.87 2.17-5.065c1.139-.376 1.425 2.003 1.58 2.532.678 2.348.197 3.507-1.382 7.793-1.028 2.788-3.276 6.141-5.832 7.739-.986.615-2.17 1.346-2.24 2.922-.025.604.417 1.128.77 1.62 2.058 2.863 18.607 22.135 21.021 24.42 7.862 7.446 14.643 13.022 17.856 23.3 1.411 4.518.197 16.17-.987 18.703-2.763 5.903-12.827-1.948-16.972-7.208-9.21-11.693-25.808-46.761-29.47-56.765z'
                fill='#CB8E00'
            />
            <Mask
                id='d'
                maskUnits='userSpaceOnUse'
                x={71}
                y={30}
                width={51}
                height={92}
            >
                <Path
                    d='M73.212 55.897c-1.075-2.934-1.776-5.925-.848-8.911 1.223-3.977 2.697-4.16 6.449-6.04 3.751-1.88 4.383-2.945 6.672-6.959.539-.947 1.101-.746 1.214-.029.098.631 0 1.948 0 1.948s1.578-4.87 2.17-5.065c1.139-.376 1.425 2.003 1.58 2.532.678 2.348.197 3.507-1.382 7.793-1.028 2.788-3.276 6.141-5.832 7.739-.986.615-2.17 1.346-2.24 2.922-.025.604.417 1.128.77 1.62 2.058 2.863 18.607 22.135 21.021 24.42 7.862 7.446 14.643 13.022 17.856 23.3 1.411 4.518.197 16.17-.987 18.703-2.763 5.903-12.827-1.948-16.972-7.208-9.21-11.693-25.808-46.761-29.47-56.765z'
                    fill='#674600'
                />
            </Mask>
            <G mask='url(#d)'>
                <Path
                    fill='url(#pattern3)'
                    d='M71.8723 30.7007H102.8551V94.0175H71.8723z'
                />
            </G>
            <Path
                d='M121.036 101.165c-3.213-10.278-10.388-15.854-18.25-23.3-.478-.452-1.504-1.559-2.862-3.082-.082.091-.163.195-.246.274-2.794 3.063-6.244 5.26-10.124 6.716-1.344.505-3.826 1-5.218 1.186 5.865 11.748 12.774 24.411 17.493 30.392 4.144 5.261 15.46 12.412 18.22 6.509 1.185-2.525 2.398-14.177.987-18.695z'
                fill={theme.centerChannelBg}
            />
            <Path
                d='M42.644 111.631a59.51 59.51 0 015.749 3.289c2.713 1.798 10.583 1.331 10.583 1.331s4.016 8.363 4.43 5.525c.215-1.479-.426-2.354-.617-3.829.817 1.062 1.312 1.631 1.717 2.903.404 1.272.258 2.418.077 3.702-.139.964.35 1.399.862 1.443.987.084 1.184-1.026 1.677-1.184 4.212-1.364 3.343-2.907 3.716-6.712-.031 4.633-.294 4.244-2.202 6.907-.383.534.33 1.169 2.17.128 1.447-.843 2.426-1.753 3.093-3.896a8.996 8.996 0 00-.474-6.737c-2.283-4.611-4.1-6.147-9.263-6.77-5.162-.623-11.122-1.081-14.8.195-1.43.497-6.718 3.705-6.718 3.705z'
                fill='#CB8E00'
            />
            <Path
                d='M114.621 89.17a430.026 430.026 0 00-13.72-15.001.296.296 0 00-.403.004.29.29 0 00-.025.397 442.753 442.753 0 0113.719 15.001c.249.287.677-.116.429-.4z'
                fill='#1D1400'
            />
            <Path
                d='M96.507 104.637l.132.13a.302.302 0 00.418 0 .292.292 0 000-.413l-.132-.13a.293.293 0 00-.212-.093.288.288 0 00-.116.021.29.29 0 00-.09.485z'
                fill={theme.centerChannelBg}
            />
            <Path
                d='M96.564 105.066a329.832 329.832 0 01-11.971-21.594c-.17-.335-.68-.041-.511.296a330.625 330.625 0 0011.97 21.594.297.297 0 00.543-.075.287.287 0 00-.031-.221z'
                fill='#1D1400'
            />
            <Path
                d='M86.448 36.095a12.784 12.784 0 01-1.433 2.763c-.213.311.3.606.511.294a13.574 13.574 0 001.494-2.901c.13-.355-.44-.507-.572-.156zM84.678 40.173h.099c.078 0 .153-.031.209-.086a.29.29 0 000-.413.298.298 0 00-.21-.086h-.098a.298.298 0 00-.21.086.29.29 0 00.21.499zM89.26 34.725a14.629 14.629 0 01-1.95 4.928c-.197.321.312.613.512.294a15.08 15.08 0 002.008-5.066c.076-.368-.497-.526-.57-.156zM87.145 40.757c.078 0 .153-.03.209-.085a.29.29 0 000-.414.298.298 0 00-.505.207.29.29 0 00.086.207c.056.055.131.085.21.085z'
                fill={theme.centerChannelColor}
            />
            <Path
                d='M63.006 115.724l-.553-1.186c-.16-.341-.67-.045-.511.294.183.39.367.785.553 1.186.16.341.669.045.51-.294zM69.39 112.903c.692 1.549.959 3.209 1.002 4.892.03.668.018 1.337-.033 2.003-.097.986-.699 1.609-1.382 2.27-.274.263.146.676.419.413.544-.521 1.119-1.078 1.381-1.797.292-.779.223-1.722.215-2.532-.02-1.91-.304-3.778-1.09-5.535-.153-.343-.662-.047-.51.294l-.002-.008zM67.191 118.089a9.52 9.52 0 01.166 3.232c-.043.373.549.371.592 0a9.931 9.931 0 00-.187-3.388c-.083-.366-.656-.21-.57.156zM67.033 115.387a9.119 9.119 0 01-.219-2.157c0-.376-.592-.376-.592 0a9.707 9.707 0 00.24 2.313c.084.366.654.21.571-.156z'
                fill='#1D1400'
            />
            <Path
                d='M70.48 22.75h-.054a.804.804 0 00-.566.231.784.784 0 000 1.116c.15.148.354.231.566.231h.055a.804.804 0 00.565-.231.784.784 0 000-1.116.804.804 0 00-.565-.231zM76.105 24.1h-.057a.803.803 0 00-.564.23.783.783 0 000 1.115c.15.148.352.231.564.231h.057a.803.803 0 00.565-.23.783.783 0 000-1.115.803.803 0 00-.565-.23zM72.991 30.221c.592-.13 1.932-.15 2.027-.958.065-.561-.525-1.307-.707-1.808a8.572 8.572 0 01-.56-2.716c0-.432-.69-.434-.683 0 .049 1.21.329 2.4.825 3.507.077.177.318.499.328.694.025.498-.048.245-.395.4-.298.135-.699.155-1.02.225-.43.093-.247.746.181.65l.004.006z'
                fill={theme.centerChannelColor}
            />
            <Path
                opacity={0.3}
                d='M81.765 53.446c-2.684-1.84-3.157-4.676 0-6.34 3.158-1.663 6.787-4.718 6.787-4.718s-1.735 4.676-5.317 6.51c-3.581 1.836-1.47 4.548-1.47 4.548z'
                fill={theme.centerChannelColor}
            />
            <Ellipse
                rx={1.1256}
                ry={1.876}
                transform='rotate(20 -58.718 217.433)'
                fill={theme.centerChannelColor}
            />
            <Defs>
                <Pattern
                    id='pattern0'
                    patternContentUnits='objectBoundingBox'
                    width={1}
                    height={1}
                >
                    <Use
                        xlinkHref='#image0'
                        transform='scale(.0028)'
                    />
                </Pattern>
                <Pattern
                    id='pattern1'
                    patternContentUnits='objectBoundingBox'
                    width={1}
                    height={1}
                >
                    <Use
                        xlinkHref='#image1'
                        transform='scale(.0032 .00245)'
                    />
                </Pattern>
                <Pattern
                    id='pattern2'
                    patternContentUnits='objectBoundingBox'
                    width={1}
                    height={1}
                >
                    <Use
                        xlinkHref='#image2'
                        transform='scale(.00448 .00505)'
                    />
                </Pattern>
                <Pattern
                    id='pattern3'
                    patternContentUnits='objectBoundingBox'
                    width={1}
                    height={1}
                >
                    <Use
                        xlinkHref='#image3'
                        transform='scale(.00637 .00308)'
                    />
                </Pattern>
                <Image
                    id='image0'
                    width={356}
                    height={353}
                    xlinkHref=''
                />
                <Image
                    id='image1'
                    width={312}
                    height={408}
                    xlinkHref=''
                />
                <Image
                    id='image2'
                    width={223}
                    height={198}
                    xlinkHref=''
                />
                <Image
                    id='image3'
                    width={157}
                    height={325}
                    xlinkHref=''
                />
            </Defs>
        </Svg>
    );
}

export default SvgComponent;
